<!--计量单位-->
<template>
    <div>
        <el-select placeholder="计量单位" v-model="stateInput" style="width: 100%" filterable
                   allow-create @clear="clearItem" v-if="inventoryFormId"
                   :disabled="true">
            <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
            </el-option>
        </el-select>
        <el-select placeholder="计量单位" v-model="stateInput" filterable
                   allow-create @clear="clearItem" style="width: 100%" v-else>
            <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
            </el-option>
        </el-select>
    </div>
</template>

<script>
export default {
    props: {
        inventoryFormId: {
            type: Number
        },
        value: {
            type: [String, Number],
            default: ''
        },
    },
    // 结果缓存    计算属性就会自动重新求值，只要计算源数据任何一项发生了变化，计算属性都会立刻更新，实现动态计算
    computed: {
        stateInput: {
            get() {  // 编辑时-接受数据
                return this.value
            },
            set(newV) { // 选择-数据
                this.$emit('input', newV)
            }
        }
    },
    data() {
        return {
            options: [
                {
                    value: '个',
                    label: '个',
                },
                {
                    value: '瓶',
                    label: '瓶',
                },
                {
                    value: '盒',
                    label: '盒',
                },
                {
                    value: '袋',
                    label: '袋',
                },
                {
                    value: '支',
                    label: '支',
                },
                {
                    value: 'KG',
                    label: 'KG',
                },
                {
                    value: '包',
                    label: '包',
                },
                {
                    value: '套',
                    label: '套',
                },
                {
                    value: '把',
                    label: '把',
                },
                {
                    value: '台',
                    label: '台',
                },
                {
                    value: '双',
                    label: '双',
                },
                {
                    value: '盘',
                    label: '盘',
                },
                {
                    value: '条',
                    label: '条',
                },
                {
                    value: '根',
                    label: '根',
                },
                {
                    value: '卷',
                    label: '卷',
                },
                {
                    value: '件',
                    label: '件',
                },
                {
                    value: '壶',
                    label: '壶',
                },
                {
                    value: '块',
                    label: '块',
                },
                {
                    value: '板',
                    label: '板'
                },
                {
                    value: '桶',
                    label: '桶'
                },
                {
                    value: '米',
                    label: '米'
                },
                {
                    value: '斤',
                    label: '斤'
                },
                {
                    value: '张',
                    label: '张'
                },
                {
                    value: '箱',
                    label: '箱'
                },
                {
                    value: '床',
                    label: '床'
                },
                {
                    value: '罐',
                    label: '罐'
                },
                {
                    value: '片',
                    label: '片'
                },
                {
                    value: '顶',
                    label: '顶'
                },
                {
                    value: '本',
                    label: '本'
                },
                {
                    value: '节',
                    label: '节'
                },
                {
                    value: '部',
                    label: '部'
                },
                {
                    value: '组',
                    label: '组'
                },
                {
                    value: '捆',
                    label: '捆'
                },
                {
                    value: '份',
                    label: '份'
                },
            ]
        }
    },
    methods: {
        clearItem() {
            this.selectedItem = null; // 清空选项
        }
    }
}
</script>